<template>
  <div id="orderType">
    <div v-if="orderTypeDataArray.length>0"></div>
    <div v-else class="noDataPlaceHold">
      <img src="../../../../assets/img/mine/noData.jpeg" alt="">
      <span class="desc">暂时还没有相关订单</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'OrderType',
  props: {
    orderTypeDataArray: {
      type: Array,
      default: () => []
    }
  }

}
</script>

<style lang="scss" scoped>
#orderType {
  margin-top: px2rem(87.5);
  height: px2rem(350);
  .noDataPlaceHold {
    @include setWH(100%, 100%);
    @include flexType(center);
    flex-direction: column;
    img {
      @include setWH(60%, 60%);
    }
    .desc {
      @include setFontColor(px2rem(10), $text-color-white);
    }
  }
  .noData {
    @include setWH(100%, 100%);
    margin-top: px2rem(52);
    text-align: center;
  }
}
</style>
